<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kontak Kami</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-44204367-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script>
	function validateForm() {
		var nama = document.forms["contacts-form"]["nama"].value;
		if (nama == null || nama == "") {
			alert("Nama tidak boleh kosong");
			return false;
		}
		var email = document.forms["contacts-form"]["email"].value;
		if (email == null || email == "") {
			alert("Email tidak boleh kosong");
			return false;
		}
		var pesan = document.forms["contacts-form"]["pesan"].value;
		if (pesan == null || pesan == "") {
			alert("Pesan tidak boleh kosong");
			return false;
		}
		/*document.getElementById('nama').value = '';
		document.getElementById('email').value = '';
		document.getElementById('pesan').value = '';*/
	}
</script>
</head>
<body id="page4">
	<!-- START PAGE SOURCE -->

	<div class="tail-top">
		<div id="header">

			<div class="center">
				<a href="#"><img src="images/header-bg2.png" alt="" width="972"
					height="205" border="0" /></a>
			</div>
			<div class="left"></div>
			<div class="right"></div>

			<table width="100%" border="0">
				<center>
					<tr>
						<td width="87%">&nbsp;</td>
						<td width="7%"><img src="images/home.png" width="30"
							height="30"></td>
						<td width="6%"><img src="images/hubungi.png" width="30"
							height="30"></td>
					</tr>
					<tr>
						<td width="87%">&nbsp;</td>
						<td width="7%"><a href="ActionServlet?page=home"><div
									class="inside">Beranda</div></a></td>
						<td width="6%"><a href="ActionServlet?page=contact-us">
								<div class="extra-wrap">Kontak</div>
						</a></td>
					</tr>
				</center>
			</table>
		</div>

		<div id="content">
			<div class="row-1">
				<div class="inside">
					<div class="container">
						<div class="aside">
							<h3>Menu Utama</h3>
							<ul>
								<li><a href="ActionServlet?page=pengumuman"><img
										src="images/general.png" alt="" width="43" height="41"
										border="0" />
										<div class="extra-wrap">
											<span><strong>Informasi Umum</strong></span>Informasi Terkait
											Pendaftaran CPNS 2013
										</div> </a></li>
								<li><a href="ActionServlet?page=pengumuman"><img
										src="images/pengumuman.png" alt="" width="43" height="41"
										border="0" />
										<div class="extra-wrap">
											<span><strong>Pengumuman</strong></span>Pengumuman
											Pendaftaran di Instansi Pemerintah
										</div> </a></li>
								<li><a href="ActionServlet?page=peraturan"><img
										src="images/peraturan.png" alt="" width="43" height="41"
										border="0" />
										<div class="extra-wrap">
											<span><strong>Peraturan</strong></span>Kumpulan Peraturan
											Seleksi CPNS Nasional 2013<a href="#"></a>
										</div> </a></li>
								<li><a href="ActionServlet?page=jadwal"><img
										src="images/jadwal.png" alt="" width="43" height="41"
										border="0" />
										<div class="extra-wrap">
											<span><strong>Jadwal Pelaksanaan</strong></span>Jadwal
											Pelaksanaan Seleksi CPNS Nasional 2013<a href="#"></a>
										</div> </a></li>
								<li><a href="ActionServlet?page=alur"><img
										src="images/alur.png" alt="" width="43" height="41" border="0" />
										<div class="extra-wrap">
											<span><strong>Alur</strong></span>Prosedur Seleksi CPNS
											Nasional<a href="#"></a>
										</div></li>
								<li> <a href="ActionServlet?page=petunjuk"><img src="images/general.png" alt="" width="43" height="41" border="0" />
                				<div class="extra-wrap"> <span><strong>Petunjuk Pendaftaran CPNS</strong></span>Petunjuk Pendaftaran CPNS Nasional<a href="#"></a> </div>
              					</li>
								<li><a href="ActionServlet?page=daftar"><img
										src="images/daftar.png" alt="" width="43" height="41"
										border="0" />
										<div class="extra-wrap">
											<span><strong>Pendaftaran CPNS</strong></span>Pendaftaran
											CPNS Nasional<a href="#"></a>
										</div></li>
								<li><a href="ActionServlet?page=hasil"><img
										src="images/hasil.png" alt="" width="43" height="41"
										border="0" />
										<div class="extra-wrap">
											<span><strong>Hasil Seleksi</strong></span>Hasil Seleksi CPNS
											Nasional<a href="#"></a>
										</div></li>
							</ul>
							<div class="wrapper"></div>
						</div>

						<div class="content">
							<h3 class="aside">Hubungi Kami</h3>
							<form id="contacts-form" action="/sscnServer/EmailServlet"
								method="POST" onSubmit="return validateForm()">
								<fieldset>
									<div class="field">
										<label>N a m a:</label> <input type="text" value="" id="nama"
											name="nama" title="nama" />
									</div>
									<div class="field">
										<label>Alamat E-mail:</label> <input type="text" value=""
											id="email" name="email" title="email" />
									</div>
									<div class="field">
										<label>Pesan Anda:</label>
										<textarea cols="1" rows="1" id="pesan" name="pesan"
											title="pesan"></textarea>
									</div>
									<div class="wrapper">
										<a href="#">
											<button id="input_0" type="submit" class="fright">
												<b>Kirim Pesan Anda!</b>
											</button>
										</a>
									</div>
								</fieldset>
							</form>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="footerlink">
				<p class="lf">Hak Cipta &copy; 2013 Badan Kepegawaian Negara.
					Semua Hak Dilindungi.</p>
				<p class="rf">
					Website : <a href="http://www.bkn.go.id/">www.bkn.go.id</a>
				</p>
				<div style="clear: both;"></div>
			</div>
		</div>
	</div>
	<!-- END PAGE SOURCE -->
	<div align=center></div>
</body>
</html>